<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/select2.css"/>
		<script type="text/javascript" src="js/vue.js"></script>
		<script type="text/javascript" src="js/vue-router.js"></script>
	</head>
	<body>
		<div id="select">
			<div id="select_con">
				<div id="hobby">
					<h4>兴趣爱好</h4>
					<ul>
						<li v-for="(v,i) in hobby_list">
							<p>{{v.title}}</p>
							<p>{{v.time}}</p>
							<div class="bottom">
								<span>{{v.teachear}}</span>
								<span>{{v.people}}</span>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
		
		
		<script type="text/javascript">
			new Vue({
				el:"#select",
				data:{
					hobby_list:[{
						title:"最强大脑·3天挑战极限记忆力",
						time:"2021-07-02 20:00",
						teachear:"卢菲菲",
						people:"2417"
					},{
						title:"最强大脑·3天挑战极限记忆力",
						time:"2021-07-02 20:00",
						teachear:"卢菲菲",
						people:"2417"
					},{
						title:"最强大脑·3天挑战极限记忆力",
						time:"2021-07-02 20:00",
						teachear:"卢菲菲",
						people:"2417"
					}]
				}
			})
		</script>
	</body>
</html>
